@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot'),url('../font/iconfont.eot?#iefix') format('embedded-opentype'),url('../font/iconfont.woff2') format('woff2'),url('../font/iconfont.woff') format('woff'),url('../font/iconfont.ttf') format('truetype'),url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont {font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/* 全局样式 */
html,body{width: 100%; height: 100%}
body{padding: 0; margin: 0;}
.clear{clear: both;}
.common_div{width: 100%; float: left;}
.common_box{width: 1200px; margin: 0 auto;}

/* 头部 */
.top{width: 100%; float: left; background: #f1f1f1;}
.top_header{width: 100%; height: 105px;}
.top_header .logo{float: left; font-size: 60px; color: #00c55d; margin-right: 17px; line-height: 105px;}
.top_header_title{float: left; margin-top: 22px;}
.top_header h1{font-size: 24px; color: #333333; margin: 2px 0;}
.top_header_title span{font-size: 14px; color: #999;}
.top_header_ico{width: 2px; height: 77px; float: left; margin: 10px 30px 0 30px; background-image: linear-gradient(to bottom,#f1f1f1,#7f7f7f,#f1f1f1);}
.top_header_p{float: left; font-size: 16px; color: #c50007;}
.top_header_p p{margin: 10px 0;}
.top_header_ewm{float: right;}
.top_header_ewm div{float: left; margin: 0 30px 0 0; text-align: center; padding-top: 5px;}
.top_header_ewm p{margin: 0; font-size: 12px;}
.top_header_tel{float: right; margin-top: 20px;}
.tel_ico{font-size: 50px; color: #d92930; float: left;}
.top_header_tel_box{float: left; margin-left: 10px;}
.top_header_tel_box p{font-size: 12px; color: #999; margin: 7px 0 0 0;}
.top_header_tel_box span{font-size: 20px; color: #d92930; font-weight: bold;}

/* 导航 */
.nav{width: 100%; height: 50px; line-height: 50px; float: left; background-image: linear-gradient(to bottom,#d00008,#920006);}
.nav_phone{display: none;}
.nav_btn{display: none;}
.navbar{width: 100%; font-size: 16px; color: #fff; position: relative;}
.navbar ul{margin: 0; padding: 0;}
.navbar ul > li{float: left; list-style: none;}
.navbar ul > li:after{content:""; background-image: url(../images/nav_ico.png); display: block; width: 2px; height: 21px; float: right; margin-top: 14px;}
.navbar ul > li:last-child:after{content:""; background-image: none; display: none;}
.navbar ul > li > a{display: block; float: left; color: #fff; text-decoration: none; padding: 0 44px;}
.navbar ul > li > ul{position: absolute; top: 50px; z-index: 999; display: none;}
.navbar ul > li > ul > li{float: none; background: #c50007;}
.navbar ul > li > ul > li:hover{background: #920006;}
.navbar ul > li > ul > li:after{content:""; display: none;}
.navbar ul > li > ul > li > a{float: none; border-bottom: 1px solid #920006;}

/* 首页滚动 */
#banner_pc{display: block;}
#banner_phone{display: none;}
.banner{width: 100%;}
.fullSlide{position:relative;width:100%;background:#000}
.fullSlide .bd{position:relative;z-index:0;overflow:hidden;margin:0 auto}
.fullSlide .bd ul{width:100%!important;position: relative;margin: 0; padding: 0;}
.fullSlide .bd li{overflow:hidden;width:100%!important;text-align:center;position: absolute; top: 0px; left: 0px;background-size: 100% 100%; background-repeat: no-repeat; background-color: rgb(0, 0, 0);-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.fullSlide .hd{position:absolute;bottom:50px;left:0;z-index:1;width:100%;height:30px;line-height:30px}
.fullSlide .hd ul{text-align:center}
.fullSlide .hd ul li{display:inline-block;overflow:hidden;margin:1px;width:42px;height:11px;background:#000;line-height:999px;opacity:.5;cursor:pointer;zoom:1}
.fullSlide .hd ul .on{background:red}
.fullSlide .next,.fullSlide .prev{position:absolute;top:50%;left:15%;z-index:1;z-index:1;display:block;display:none;margin-top:-30px;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;opacity:.5;cursor:pointer}
.fullSlide .next{right:15%;left:auto;background-position:-6px -137px}
/*#swiper_pc{display: block;}
#swiper_phone{display: none;}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 8%;}
.swiper-pagination-bullet{width: 25px; height: 10px; border-radius: 0px; background-color: #000; opacity: 0.5;}
.swiper-pagination-bullet-active{background-color: #db3036; opacity: 0.85;}*/


/* 内页banner */
.con_banner{width: 100%; height: 300px; background: #f1f1f1;}
.con_banner img{width: 100%; height: 300px; border: 0;}

/* 内页路径 */
.location{width: 100%; height: 50px; line-height: 50px; float: left; background: #f1f1f1; font-size: 14px; color: #666;}
.location p{margin: 0; display: inline-block;}
.location a{text-decoration: none; color: #666;}
.location a:after{content:">"; margin: 0 8px;}
.location a:last-child:after{display: none;}

/* 内页左边导航 */
.left_nav{width: 200px; float: left; margin-top: 35px;}
.left_nav2{border: 1px solid #333!important; background: #333!important; margin-top: 35px;}
.left_nav_ico{margin-left: 40px; font-size: 25px; opacity: 0.3;}
.left_nav dl{margin: 0; padding: 0;}
.left_nav dl dt{width: 100%; border: 1px solid #d92930; background: #d92930; color: #fff; padding: 20px 0; border-radius: 10px 10px 0 0; font-size: 20px; font-weight: bold; text-align: center;}
.left_nav dl dd{width: 100%; margin: -1px 0 0 0; border: 1px solid #ccc; font-size: 14px;}
.left_nav dl dd a{text-decoration: none; color: #333; display: block; padding: 16px 0 16px 15%;}
.left_nav dl dd a.active{color: #d92930;}
.left_nav dl dd a:hover{color: #d92930;}
.left_nav h3{font-size: 14px; color: #d92930; margin: 10px 20px;}
.left_nav p{font-size: 12px; color: #666; margin: 0 20px; line-height: 30px;}
.left_nav span{font-weight: bold; color: #333;}


/* 内页右边内容 */
.right_con{width: 930px; float: right; margin-top: 35px;}
.right_con_title{width: 100%; background: #f1f1f1; border: 1px solid #ccc;}
.right_con_title h3{font-size: 18px; color: #d92930; margin: 17px 25px;}
.right_con_text{width: 90%; float: left; min-height: 600px; border: 1px solid #ccc; margin-top: -1px; padding: 2% 5%;}
#atext p{color: #333; font-size: 16px; line-height: 30px; text-indent: 2em;}
#atext h3{color: #333; font-size: 16px;}
.right_con_product{width: 100%; float: left; min-height: 600px; border: 1px solid #ccc; margin-top: -1px; padding-bottom: 20px;}
.right_con_product ul{margin: 0; padding: 0;}
.right_con_product ul li{list-style: none; width: 280px; float: left; border: 1px solid #ccc; text-align: center; margin: 20px 0 0 21px;}
.right_con_product ul li:hover p{background: #d92930;}
.right_con_product ul li a{text-decoration: none; display: block;}
.right_con_product img{width: 280px; height: 280px; display: block;}
.right_con_product p{font-size: 16px; color: #fff; background: #666; margin: 0; padding: 10px 20px; text-overflow :ellipsis; white-space :nowrap; overflow : hidden;}
.right_con_porduct_link{ width: 98%; border-top: 1px solid #ddd; text-align: center; margin: 0 auto; padding: 20px 0;}
.right_con_porduct_link a{text-decoration: none; color: #fff; background: #999; padding: 10px 20px; display: inline-block; margin: 0 10px;}
.right_con_porduct_link a.active{background: #d92930;}
.right_con_porduct_more{width: 100%; margin-top: 50px;}
.right_con_porduct_more_title{width: 100%; background: #d92930; text-align: center;}
.right_con_porduct_more_title h3{font-size: 16px; color: #fff; margin: 0; padding: 10px 0;}
.right_con_porduct_more ul{margin: 0; padding: 0;}
.right_con_porduct_more ul li{list-style: none; float: left; width: 200px; margin: 6px 0 0 6px; border: 1px solid #ccc;}
.right_con_porduct_more ul li:hover p{background: #d92930;}
.right_con_porduct_more ul li a{text-decoration: none; display: block;}
.right_con_porduct_more ul li img{width: 200px; height: 200px;}
.right_con_porduct_more ul li p{font-size: 14px; color: #fff; background: #666; margin: 0; padding: 10px; text-overflow :ellipsis; white-space :nowrap; overflow : hidden;}
.right_con_video{width: 100%; float: left; min-height: 600px; border: 1px solid #ccc; margin-top: -1px;}
.right_con_video ul{margin: 0; padding: 0;}
.right_con_video ul li{list-style: none; float: left; margin: 12px;}
.right_con_video ul li video{width: 440px; height: 244px;}
.right_con_new{width: 100%; float: left; min-height: 600px; border: 1px solid #ccc; margin-top: -1px;}
.right_con_new ul{margin: 10px 20px; padding: 0;}
.right_con_new ul li{list-style: none; width: 100%; float: left; border-bottom: 1px dashed #ccc; padding: 15px 0;}
.right_con_new ul li a{display: block; width: 750px; float: left; color: #555; font-size: 16px; text-decoration: none; text-overflow :ellipsis; white-space :nowrap; overflow : hidden;}
.right_con_new ul li a:hover{color: #d92930;}
.right_con_new ul li span{float: right; color: #666; text-align: right; font-size: 14px;}
.right_con_contact{width: 94%; float: left; min-height: 600px; border: 1px solid #ccc; margin-top: -1px; padding: 3%;}
.right_contact_box{width: 50%; float: left;}
.right_contact_box h2{font-size: 24px; }
.right_contact_box p{font-size: 14px; color: #666;}
.right_contact_ewm{width: 170px; float: left; text-align: center; margin: 50px 15px; font-size: 14px; color: #333;}
.right_contact_ewm img{width: 100%; border: 2px solid #666;}
.right_contact_ly{width: 92%; background-image: linear-gradient(to bottom,#f9f9f9,#eee); border: 1px solid #ccc; padding: 4%; margin-top: 30px;}
.right_contact_ly h2{font-size: 18px;}
.right_contact_ly span{font-size: 14px; margin-right: 10px; color: #666;}
.right_contact_ly p{font-size: 14px; vertical-align: top; display: inline; margin-right: 10px;}
.right_contact_ly #name{width: 200px; height: 20px; border: 1px solid #ccc; margin-right: 20px; margin-bottom: 20px;}
.right_contact_ly #phone{width: 200px; height: 20px; border: 1px solid #ccc;}
.right_contact_ly #text{width: 470px; max-width: 470px; height: 95px; max-height: 95px; border: 1px solid #ccc;}
.right_contact_ly button{background: #d92930; border: 0; color: #fff; font-size: 12px; padding: 5px 20px; margin: 20px 0 0 40px;}
.contact_div{width: 100%; margin-top: 35px; float: left;}

.right_con_img{width: 100%; float: left; min-height: 600px; border: 1px solid #ccc; margin-top: -1px;}
.right_con_img ul{margin: 10px 20px; padding: 0;}
.right_con_img ul li{list-style: none; width: 31%; float: left; padding: 1%;}
.right_con_img ul li img{width: 100%; height: 170px; background: #f1f1f1;}
.right_con_img ul li p{text-align: center;}


/* 分页 */
.page{width: 100%; float: left; text-align: center; margin: 30px 0;}
.page a{font-size: 14px; text-decoration: none; color: #666; display: inline-block; margin: 0 5px; padding: 5px 10px; border: 1px solid #ccc;}
.page a.active{background: #d92930; color: #fff; border: 1px solid #d92930;}
.page span{font-size: 14px; color: #666; display: inline-block; border: 1px solid #ccc; margin: 0 5px; padding: 5px 10px;}

/* 分页 */
.pagination{width: 100%; float: left; text-align: center; margin: 30px 0; padding: 0;}
.pagination li{color: #666; margin: 0 5px; font-size: 14px; display: inline-block; border: 1px solid #ccc;}
.pagination li span{display: block; padding: 5px 10px; cursor: pointer;}
.pagination li a{display: block; padding: 5px 10px; text-decoration: none; color: #666;}
.pagination li.active{background: #d92930; color: #fff; border: 1px solid #d92930;}


/* 底部 */
.footer{width: 100%; height: 50px; margin-top: 50px; line-height: 50px; float: left; background: #000; bottom: 0; z-index: 100; color: #fff; font-size: 12px;}
.footer_div{position: fixed;}
.footer_link{float: left;}
.footer_con{float: right;}
.footer_con a{color: #fff; text-decoration: none;}



/* ##################### 手机端样式 ##################### */
@media (max-width: 767px){
	.common_box{width: 100%;}

	.top{background: #009a49;}
	.top_header{height: 15vw;}
	.top_header_ico{display: none;}
	.top_header_p{display: none;}
	.top_header_tel{display: none;}
	.top_header_ewm{display: none;}
	.top_header .logo{font-size: 12vw; margin: 3vw; line-height: 15vw;}
	.top_header_title{margin: 5vw 0; width: 80%;}
	.top_header_title span{display: none;}
	.top_header h1{font-size: 5vw; margin: 2vw 0 0 0; color: #fff;}
	.top_header_title span{font-size: 3vw;}
	.nav{height: 24vw; line-height: 12vw;}
	.phone_tel{width: 100%;}
	.nav_phone{display: block; width: 50%; float: left; padding: 5vw 0; line-height: 5vw; background: #999;}
	.nav_tel{color: #fff; font-size: 8vw; float: left; height: 1vw; margin: 3vw 2vw 0 5vw; float: left;}
	.nav_num{float: left;}
	.nav_phone span{font-size: 4vw; color: #fff;}
	.nav_phone p{font-size: 3vw; margin: 0; color: #fff;}
	.nav_btn{display: block; padding: 3vw 4vw; border-radius: 5px; float: right; margin: 4vw 6vw 0 0; background: #f1f1f1; border: 0;}
	.nav_btn p{margin: -10px;}
/*	.navbar{font-size: 3.5vw; float: left; background: #eee; color: #333; display: none; z-index: 999;}
	.navbar ul > li{width: 100%; border-bottom: 1px solid #ccc;}
	.navbar ul > li:after{content:""; display: none;}
	.navbar ul > li:last-child:after{content:""; display: none;}
	.navbar ul > li > a{display: block; width: 100%; float: left; color: #333; padding: 0 5vw;}
	.navbar ul > li > ul{position: relative; top: 0; display: none;}
	.navbar ul > li > ul > li{float: left; width: 100%; background: #ddd; border-bottom: 0; border-top: 1px solid #ccc;}
	.navbar ul > li > ul > li:hover{background: #920006;}
	.navbar ul > li > ul > li:after{content:""; display: none;}
	.navbar ul > li > ul > li > a{float: left; border-bottom: 0; padding: 0 10vw;}*/
	.navbar{font-size: 3.5vw; overflow-x: auto; /*height: 20vw;*/ z-index: 100;}
	.navbar ul{/*width: 240vw;*/}
	.navbar ul > li{background-image: linear-gradient(to bottom,#d00008,#920006); text-align: center; display: table; width: 25%;}
	.navbar ul > li > a{/*padding: 0 8vw;*/ padding: 0; width: 98%;}
	.navbar ul > li:after{height: 5vw; margin-top: 4vw; width: 2%;}
	.navbar ul > li:last-child:after{content:""; display: block; background-image: block;}
	.navbar ul > li > ul{width: auto; top: 12vw; margin-left: -4vw;}
	.navbar ul > li > ul > li > a{width: 30vw; font-size: 3vw;}
	.navbar ul > li > ul > li:last-child:after{content:""; display: none; background-image: none;}


	/*#swiper_pc{display: none;}
	#swiper_phone{display: block;}
	#swiper_phone img{height: 120vw;}
	.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 5%;}
	.swiper-pagination-bullet{width: 6vw; height: 2vw;}*/
	#banner_pc{display: none;}
	#banner_phone{display: block;}
	.fullSlide .bd li{height: 120vw;}
	.fullSlide .hd{bottom:6%;height:3vw;line-height:3vw;}
	.fullSlide .hd ul li{margin:1vw;width:10vw;height:3vw;}
	.fullSlide .next,.fullSlide .prev{top:50%;left:15%;margin-top:-30px;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;opacity:.5;cursor:pointer}
	.fullSlide .next{right:15%;left:auto;background-position:-6px -137px}



	.con_banner{height: 20vw;}
	.con_banner img{height: 20vw;}

	.location{height: 10vw; line-height: 10vw; font-size: 3vw;}
	.location p{margin-left: 3vw;}
	.location a:after{margin: 0 2vw;}

	.left_nav{display: none;}

	.right_con{width: 100%; float: left; margin-top: 0;}
	.right_con_title{border-left: 0; border-right: 0;}
	.right_con_title h3{font-size: 4vw; margin: 3vw 5vw;}
	.right_con_text{border: 0;}
	.right_con_text img{width: 100%;}
	#atext p{color: #333; font-size: 16px; line-height: 30px; text-indent: 2em;}
	#atext h3{font-size: 4vw;}
	.right_con_product{border: 0; padding-bottom: 0;}
	.right_con_product ul li{width: 45vw; margin: 3vw 0 0 3vw;}
	.right_con_product img{width: 45vw; height: 45vw;}
	.right_con_product p{font-size: 3vw; padding: 0 3vw; display: block; height: 10vw; line-height: 10vw;}
	.right_con_porduct_link{width: 100%; padding: 3vw 0;}
	.right_con_porduct_link a{padding: 3vw 5vw; font-size: 3vw;}
	.right_con_porduct_more{margin-top: 10vw;}
	.right_con_porduct_more_title h3{color: #fff; font-size: 3.5vw; padding: 3vw 0;}
	.right_con_porduct_more ul li{width: 42vw; margin: 2vw 0 0 1.5vw;}
	.right_con_porduct_more ul li img{width: 42vw; height: 42vw;}
	.right_con_porduct_more ul li p{font-size: 3vw; padding: 3vw;}
	.right_con_video{border: 0;}
	.right_con_video ul li{list-style: none; float: left; margin: 3vw;}
	.right_con_video ul li video{width: 100%; height: 50vw; background: #000;}
	.right_con_new{border: 0;}
	.right_con_new ul li{padding: 4vw 0;}
	.right_con_new ul li a{width: 75%; font-size: 3.5vw;}
	.right_con_new ul li span{font-size: 3vw;}
	.right_contact_box{width: 100%;}
	.right_con_contact{border: 0;}
	.right_contact_box h2{font-size: 5vw;}
	.right_contact_box p{font-size: 3.5vw;}
	.right_contact_ewm{width: 37vw; margin: 10vw 5vw; font-size: 3.5vw;}
	.right_contact_ly{margin-top: 0;}
	.right_contact_ly span{font-size: 3.5vw; margin-right: 3vw;}
	.right_contact_ly #name{width: 72vw; height: 8vw; margin-right: 0; margin-bottom: 5vw;}
	.right_contact_ly #phone{width: 72vw; height: 8vw; margin-right: 0; margin-bottom: 5vw;}
	.right_contact_ly p{margin-right: 3vw;}
	.right_contact_ly #text{width: 71vw; max-width: 71vw; height: 30vw; max-height: 30vw;}
	.right_contact_ly button{font-size: 3vw; padding: 2vw 8vw; margin: 5vw 0 0 10vw;}

	/*.right_con_img ul{margin: 0 1%;}*/
	.right_con_img ul li{width: 100%; padding: 0;}

	.footer{width: 96%; height: 25vw; line-height: 6vw; font-size: 3vw; text-align: center; padding: 2%; margin-top: 0;}
	.footer_link{width: 100%;}
	.footer_con{width: 100%;}
}